<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- CSRF Token -->
		<meta name="csrf-token" content="{{ csrf_token() }}">
		<title>北宅街道安全生产监管系统</title>
		<link rel="stylesheet" type="text/css" href="/css/auth.css" />
		<link rel="stylesheet" href="/component/layui/css/layui.css" media="all">
		<style>
			.bgtitle{
				    font-weight: 300;
				    font-size: 40px;
				    color: #000;
				    text-align: center;
				    letter-spacing: 8px;
					margin: 30px auto 20px;
			}
			.smtitle{
				    font-weight: 300;
				    font-size: 30px;
				    color: #000;
				    text-align: center;
				    letter-spacing: 8px;
					margin: 10px auto 30px;
					color: #3af;
			}
			.layui-input-block{
				display: flex;
			}
			.footfont{
				color: rgba(0,0,0,.5);font-size: 14px;margin: 6px;
			}
			.footfont a{
				color: rgba(0,0,0,.5);
			}
			.uploading{
				display:none;
			}
			.redsign{
				color:#f00;
				font-weight:bold;
				font-size:18px;
				margin-left:2px;
			}
		</style>
	</head>
	<body style="height: 100%;">
		<div style="width:640px;height: auto;background-color: #fff;margin:0 auto;overflow: hidden;padding:20px 80px;min-height: 100%;">
			<h2 class="bgtitle">北宅街道安全生产监管系统</h2>
			<h2 class="smtitle">用户注册</h2>
			<form class="layui-form"  method="POST" action="{{ url('/admin/login') }}">
				{{ csrf_field() }}
				<div class="layui-form-item">
					<label class="layui-form-label">用户类型</label>
					<div class="layui-input-block">
						<input type="radio" name="sex" value="个人用户" title="个人用户" checked>
						<input type="radio" name="sex" value="企业用户" title="企业用户">
					</div>
				</div>
				<div >
					<div class="layui-form-item">
						<label class="layui-form-label">用户名</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required" placeholder="请输入标题"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">密码</label>
						<div class="layui-input-inline">
							<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
								autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">辅助文字</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">确认密码</label>
						<div class="layui-input-inline">
							<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
								autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">辅助文字</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">身份证号</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required" placeholder="请输入标题"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item" >
					  <label class="layui-form-label">身份证照片<span class="redsign">*</span></label>
					  <div class="layui-input-block">
					    <div class="layui-upload">
					      <button type="button" class="layui-btn layui-btn-normal" id="test1">上传正面</button>
						  <input type="hidden" name="imgurl" value="">
					      <div class="layui-upload-list uploading" >
					        <img class="layui-upload-img" id="demo1" style="width:100px;height:100px;">
					        <p id="demoText"></p>
					      </div>
					      <div style="width: 95px;" class="uploading">
					        <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
					          <div class="layui-progress-bar" lay-percent=""></div>
					        </div>
					      </div>
					    </div> 
						<div class="layui-upload" style="margin-left: 20px;">
						  <button type="button" class="layui-btn layui-btn-normal" id="test1">上传反面</button>
						  <input type="hidden" name="imgurl" value="">
						  <div class="layui-upload-list uploading" >
						    <img class="layui-upload-img" id="demo1" style="width:100px;height:100px;">
						    <p id="demoText"></p>
						  </div>
						  <div style="width: 95px;" class="uploading">
						    <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
						      <div class="layui-progress-bar" lay-percent=""></div>
						    </div>
						  </div>
						</div>  
					  </div>
					</div>
				</div>

				
				
				<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo" style="background-color: #3af;width:60%;height: 42px;margin: 20px auto;">立即注册</button>
			</form>
			<div style="margin:100px auto 30px;">
			
				<p class="footfont">© 2021 <a href="http://www.ccshe.com" target="_blank">ccshe.com</a></p>
				<p class="footfont">
					<span><a href="http://www.ccshe.com" target="_blank">青科安全</a></span>
				</p>
			</div>
		</div>
	</body>
	<script src="/component/layui/layui.js"></script>
</html>
